<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>跳蚤-详情</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="../libs/mui/mui.css" />
		<link rel="stylesheet" href="../libs/iconfont/fonts/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/main.css"/>
		<link rel="stylesheet" type="text/css" href="../css/imageviewer.css"/>
		<style>
			.mui-content{font-size: 16px;}
			.mui-bar-nav{box-shadow: none;}
			.mui-bar .mui-title,.mui-bar-transparent a{color: white;}			
			.head{width: 100%;position: relative;}
			.head b{position: absolute;right: 15px;bottom: 10px;color: white;}
			.head img,.mui-text-center{height: 200px;}
			.mui-text-center img{display: none;}
			.mui-text-center img:nth-child(1){display: block;}
			/*详情*/		
			.details div{margin-top: 5px;margin-bottom: 10px;}
			.mui-table-view .mui-media-object{border-radius: 100px;}
			.mui-media-body{line-height: 45px;}		
			.Flimg {padding: 11px 15px; background: white;}
			.Flimg h5{padding-bottom: 5px;color: black;font-size: 16px;}
			.Flimg img{width: 100%;height: 100%;}
			/*底部*/
			.mui-bar-tab .mui-tab-item.mui-active{color: #e3393c !important;}			
			.mui-bar-tab div a:nth-child(1){display: block;text-align: center;line-height: 30px;height: 50px;background: white;}
			.mui-bar-tab div a:nth-child(1) h5{margin: 0;}			
			.mui-bar-tab div:nth-child(2) span{background: #2875f5;color: white;line-height: 30px;}
			.wid30{font-size: 17px;width: 100%;display: inline-block;padding: 12px 0;text-align: center;height: 50px;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">详情</h1>	
			<a href="#picture" class="mui-pull-right mui-icon">
		    	<i class="iconfont Siez1">&#xe612;</i>
		    </a>
		</header>
		<nav class="mui-bar mui-bar-tab">
			<div class="mui-col-xs-5 mui-pull-left">
				<a class="tel">
					<i class="iconfont Siez2">&#xe611;</i>
					<h5>联系卖家</h5>
				</a>
			</div>
			<div  class="mui-col-xs-7 mui-pull-left purchase">
				<a class="goumai">
					<span class="wid30">立即购买</span>
				</a>
			</div>
			<div  class="mui-col-xs-7 mui-pull-left sellout" style="display: none;">
				<span class="wid30">已完成</span>
			</div>
		</nav>	
		<div class="mui-content">		
			<div class="Flea">	
				<div class="head">
					<div class="mui-text-center">
						<b class="count"></b>
					</div>
				</div>
				<ul class="mui-table-view details">
					<li class="mui-table-view-cell">
						<b class="goods_name"></b>
						<div class="mui-ellipsis-2"></div>
						<b class="red"></b>
					</li>
				</ul>
				<ul class="mui-table-view">
					<li class="mui-table-view-cell" style="padding: 5px 15px;">
						<img class="mui-media-object mui-pull-left member_avatar" src="">
						<div class="mui-media-body">
							<span class="member_name"></span>																					
						</div>
					</li>
				</ul>
				<div class="Flimg">
					<h5>更多细节</h5>
				</div>
			</div>	
		</div>	
		<!--分享-->
		<div id="picture" class="brand-share mui-popover mui-popover-action mui-popover-bottom" style="bottom: 50px;">
			<ul class="background table-view">
				<li><i class="iconfont lvs weixin">&#xe609;</i>
					<span>微信</span>
				</li>
				<li><i class="iconfont ify4 qq">&#xe658;</i>
					<span>QQ好友</span>
				</li>
				<li><i class="iconfont lvs friends">&#xe65f;</i>
					<span>朋友圈</span>
				</li>
				<li><i class="iconfont ify3 micro-blog">&#xe661;</i>
					<span>微博</span>
				</li>
			</ul>		
		</div>
		<script src="../js/mui.js"></script>
		<script src="../js/open.js"></script>
		<script src="../libs/jquery/jquery.js"></script>
		<script src="../js/mui.zoom.js"></script>
		<script src="../js/mui.previewimage.js"></script>
		<script type="text/javascript" src="../js/web_js/public.js"></script>
		<script type="text/javascript" src="../js/web_js/flea_details.js"></script>
		<script type="text/javascript" src="../js/web_js/share.js" ></script>
		<script>
			mui.previewImage();
		</script>
		<script type="text/javascript">
//			立即购买
//			$(".goumai").on("tap",function(){
//				openNewPage('goods.html')
//			})
//			联系卖家
//			$(".tel").on("tap",function(){
//				openNewPage('Chat.html')
//			})	
		</script>
	</body>
</html>